<template>
	<view class="container">
		<uni-card class="bind-card">
			<uni-row class="demo-uni-row" :gutter="8" style="margin-top: 20rpx; padding-bottom:20rpx;">
				<uni-col :span="4">
					<view>
						<image style="height: 110.32rpx;" src="https://d1icd6shlvmxi6.cloudfront.net/gsc/IQW1FZ/5c/98/45/5c9845c97f9f492c8133479374a8eeb5/images/113-订单评价/u680.svg?token=2b1d39cb1d10ccc7365c2902ac32ca94a034e11aff49954b6abe6e7fc7257300" mode="aspectFill"></image>
					</view>
				</uni-col>
				<uni-col :span="20" style="height: 110.32rpx;">
					<text style="margin: 0.3rem 0 0 0.3rem;line-height: 110.32rpx;">王勇</text>
				</uni-col>
				
				<uni-col :span="24" style="text-align: center; margin-top: 20rpx;">
					<uni-rate :value="3" :size="16" color="#bbb" active-color="#fd911e" max="5" style="display:inline-block;" />
				</uni-col>
				<uni-col style="margin-top: 10rpx;">
					<uni-col :span="3">
						<image style="height: 73rpx;" src="https://d1icd6shlvmxi6.cloudfront.net/gsc/IQW1FZ/5c/98/45/5c9845c97f9f492c8133479374a8eeb5/images/113-订单评价/u689.svg?token=3df2fc3fe3e9ff7c4871cd9d4c7d9110643ec625c668404d4c801ce151dba15a" mode="aspectFill"></image>
					</uni-col>
					<uni-col :span="21" style="height: 73rpx;">
						<text style="font-size:.8rem; color: #5a5959; line-height: 73rpx;" class="clamp">雪非雪青果维雪青果维雪青果维雪青果维雪青果维雪青果维蔬嫩肤护理服务</text>
					</uni-col>
				</uni-col>
				
				<uni-col :span="24" style="text-align: center; margin-top: 20rpx;">
					<uni-rate :value="3" :size="16" color="#bbb" active-color="#fd911e" max="5" style="display:inline-block;" />
				</uni-col>
				<uni-col style="margin-top: 10rpx;">
					<uni-col :span="3">
						<image style="height: 73rpx;" src="https://d1icd6shlvmxi6.cloudfront.net/gsc/IQW1FZ/5c/98/45/5c9845c97f9f492c8133479374a8eeb5/images/113-订单评价/u689.svg?token=3df2fc3fe3e9ff7c4871cd9d4c7d9110643ec625c668404d4c801ce151dba15a" mode="aspectFill"></image>
					</uni-col>
					<uni-col :span="21" style="height: 73rpx;">
						<text style="font-size:.8rem; color: #5a5959; line-height: 73rpx;" class="clamp">雪非雪青果维雪青果维雪青果维雪青果维雪青果维雪青果维蔬嫩肤护理服务</text>
					</uni-col>
				</uni-col>
				
				<uni-col :span="24" style="text-align: center; margin-top: 20rpx;">
					<uni-rate :value="3" :size="16" color="#bbb" active-color="#fd911e" max="5" style="display:inline-block;" />
				</uni-col>
				<uni-col style="margin-top: 10rpx;">
					<uni-col :span="3">
						<image style="height: 73rpx;" src="https://d1icd6shlvmxi6.cloudfront.net/gsc/IQW1FZ/5c/98/45/5c9845c97f9f492c8133479374a8eeb5/images/113-订单评价/u689.svg?token=3df2fc3fe3e9ff7c4871cd9d4c7d9110643ec625c668404d4c801ce151dba15a" mode="aspectFill"></image>
					</uni-col>
					<uni-col :span="21" style="height: 73rpx;">
						<text style="font-size:.8rem; color: #5a5959; line-height: 73rpx;" class="clamp">雪非雪青果维雪青果维雪青果维雪青果维雪青果维雪青果维蔬嫩肤护理服务</text>
					</uni-col>
				</uni-col>
				
				<uni-col :span="24" style="margin-top: 20rpx;">
					<uni-tag text="手法娴熟" size="small" inverted="true" circle="true" icon="iconshouyehome" type="error" style="margin-right: 0.5rem; margin-bottom: 0.3rem;"></uni-tag>
					<uni-tag text="专业性强 服务热情" size="small" inverted="true" circle="true" icon="iconshouyehome" type="default" style="margin-right: 0.5rem; margin-bottom: 0.3rem;"></uni-tag>
					<uni-tag text="语言清晰" size="small" inverted="true" circle="true" icon="iconshouyehome" type="default" style="margin-right: 0.5rem; margin-bottom: 0.3rem;"></uni-tag>
					<uni-tag text="服务良好 体验很棒" size="small" inverted="true" circle="true" icon="iconshouyehome" type="default" style="margin-right: 0.2rem; margin-bottom: 0.3rem;"></uni-tag>
					<uni-tag text="放松舒服 价格实惠" size="small" inverted="true" circle="true" icon="iconshouyehome" type="default" style="margin-right: 0.2rem; margin-bottom: 0.3rem;"></uni-tag>
				</uni-col>
			</uni-row>
			
		</uni-card>
		<tui-button style="margin: auto; margin-top: 40rpx;" width="88%" height="90rpx" :size="30" type="primary" shape="circle">确定</tui-button>
	</view>
</template>

<script>
</script>

<style>
	image{
		width: 100%;
	}
	.clamp {
		/* #ifdef APP-PLUS-NVUE */
		lines: 1;
		/* #endif */
		/* #ifndef APP-PLUS-NVUE */
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: block;
		/* #endif */
	}
</style>
